import React,{Component,Fragment} from 'react';
import { NavLink , withRouter } from 'react-router-dom'
import './tabBar.css'
import '../../assets/iconfont/font_zorvdvo19w/iconfont.css'
class tabBar extends Component{

    render(){
        return(
            <Fragment>
                <div className='bottom-tab'>
                    <NavLink to='/' activeClassName='on'  className='tab-item' exact>
                        <span className="iconfont icon-home2f"></span>
                        <span>首页</span>
                    </NavLink>

                    <NavLink to='/cate' activeClassName='on'  className='tab-item'>
                        <span className="iconfont icon-fenlei"></span>
                        <span>分类</span>
                    </NavLink>
                    <NavLink to='/cart' activeClassName='on'  className='tab-item'>
                        <span className="iconfont icon-gouwuche2"></span>
                        <span>购物车</span>
                    </NavLink>
                    <NavLink to= '/Mine' activeClassName='on'  className='tab-item'>
                        <span className="iconfont icon-wode"></span>
                        <span>我的</span>
                    </NavLink>
                </div>
            </Fragment>
        )
    }
}

export default withRouter(tabBar)